<%--
  Created by IntelliJ IDEA.
  User: zhang
  Date: 2022/10/10
  Time: 15:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="/static/script/jquery-1.7.2.js"></script>
    <script>
        $(function () {
            // console.log(1111);
            $("#money").blur(function () {
                let val = $("#money").val();
                // console.log(val);
                if (val < 5000) {
                    $("#text").val(0.00);

                } else if (val >= 5000 && val <= 10000) {
                    $("#text").val(5.00);
                } else if (val > 10000 && val <= 50000) {
                    $("#text").val(7.50);
                } else {
                    $("#text").val(val * 0.00015);
                }
            })
            $("#pwd").blur(function () {
                let val1 = $("#password").val();
                let val2 = $("#pwd").val();
                if (val1 != val2) {
                    $("#tt").text("两次不一致");
                } else {
                    $("#tt").text(" ");
                }
            })
        });

    </script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            /* //放背景 */
            background-image: url("/static/img/d.gif");
            background-size: 1600px;
        }

        img {
            width: 110px;
            /* 上边距 */
            margin: 60px;
            /* 左边距 */
            margin-left: 100px;
        }

        #d {
            position: relative;
            top: 170px;
            left: 200px;

        }

        #sp1,
        #sp2,
        #sp3 {
            /* 白色 */
            color: aliceblue;
        }

        #sp1 {
            /* 字体大小 */
            font-size: 80px;
            /* 粗细 */
            font-weight: bold;
        }

        #sp2 {
            font-size: 50px;
            font-weight: 100;
        }

        #sp3 {
            font-size: 15px;
            position: relative;
            top: 360px;
            left: 100px;

        }

        #db {
            width: 380px;
            height: 600px;
            /* border: 2px solid wheat; */
            /* 绝对定位 */
            position: absolute;
            top: 60px;
            right: 550px;
            background: rgba(255, 255, 255, 0.9);
            /* 圆角 */
            border-radius: 10px;
        }

        #d1 {
            margin-top: 20px;
            margin-left: 80px;

        }

        #d2 {
            /* margin-top: 30px; */
            /* 点击输入框会出现一个选中框，此语句是去掉这个选中框 */
            /* outline: none; */
            /* 设置输入框的边框 */
            /* border: 0.5px gray solid; */
            margin-left: 10px;
            margin-top: 20px;

        }

        .s {
            font-size: 15px;
            color: dimgray;
            margin-left: 5px;
        }

        #sp > a {
            text-decoration: none;
            color: #2e58ff;

        }
    </style>
    <script>
        $(document).ready(function () {
            //获取图片元素
            var img = document.getElementById("vcode");
            img.onclick = function () {
                //请求后台接口，重新生成图片
                var date = new Date();
                img.src = "http://localhost:8080/checkCodeServlet?date=" + date;
            }
        })

    </script>

</head>
<body>
<!-- //放图标 -->
<img src="/static/img/a.gif">
<div id="d">
    <span id="sp1">艾融</span>
    <br>
    <span id="sp2">网络银行</span>
</div>

<span id="sp3">帮助中心 丨&nbsp;&nbsp;&nbsp;2022 ©WangShangYinHang</span>

<div id="db">
    <div id="d1">
        <span style="font-weight: bold;font-size: 40px;">转账界面</span>

        <%--        <span style="font-size: 12px;color:gray;">已有账号？</span>--%>
        <%--        <!-- text-decoration: none去超链接的下划线 -->--%>
        <%--        <a href="#" style="font-size: 12px;text-decoration: none;color: #2e58ff">登录</a>--%>
    </div>
    <span style="color: red;position: relative;left: 150px">${m}</span>
    <div id="d2">

        <form action="/transferServlet" method="get">
            <span class="s">余额</span>
            <input type="text" name="text" value="${money}">
            <br><br>
            <span class="s">收款人姓名</span>
            <input type="text" name="name" placeholder="请输入收款人姓名">
            <br>
            <span class="s">收款人账号</span>
            <input type="text" name="cardnumber" placeholder="请输入收款人账号">
            <br>
            <span class="s">收款人户行</span>
            <input type="text" name="bank_name" placeholder="请输入收款人开户行">
            <br>
            <span class="s">　转出账户</span>
            <input type="text" name="idcode" placeholder="请输入转出账户">
            <br>
            <span class="s">　转出金额</span>
            <input type="text" name="money" placeholder="请输入转出金额" id="money">
            <br>
            <span class="s">　支付密码</span>
            <input type="password" name="password" placeholder="请输入支付密码" id="password">
            <br>
            <span class="s">　重复密码</span>
            <input type="password" name="pwd" placeholder="请再次输入支付密码" id="pwd">
            <span id="tt" style="color: red;position: relative;left: 150px"></span>
            <br><br>
            <%--            <input type="text" name="tt" value="${cc}" id="tt">--%>

            <span class="s">验证码</span>
            <input type="text" name="verifycode" class="form-control" id="verifycode" placeholder="请输入验证码"
                   style="width: 120px;"/>

            <br>
            <span class="s">手续费</span>
            <input type="text" name="text" value="${c}" id="text">
            <br><br>
            <input type="hidden" name="action" value="list2">
            <div class="form-group" style="text-align: center">
                <input class="btn btn-primary" type="submit" value="提交"/>
                <input class="btn btn-default" type="reset" value="重置"/>
                <a href="/index.jsp">返回</a>
            </div>
        </form>
        <!-- 出错显示的信息框 -->
        <img src="http://localhost:8080/checkCodeServlet" title="看不清点击刷新" id="vcode" style="height: 50px"/>
        <div class="alert alert-warning alert-dismissible" role="alert" style="color: red">
            <button type="button" class="close" data-dismiss="alert" >
            </button>
            <div class="form-group" style="text-align: center;color: red" >
                <h6>${msg}</h6>
            </div>
<%--            <strong>${msg}</strong>--%>
        </div>
    </div>


</div>
</body>
</html>


